<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Betterlife Front UI</title>

    <link rel="stylesheet" href="../../css/common.min.css">
    <script type="text/javascript" src="../../js/common/base.min.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
    <!-- main nav begin -->
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" id="btn-toggle-navbar" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <button type="button" class="navbar-toggle collapsed" id="btn-toggle-sidebar" data-toggle="collapse" data-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
        <span class="sr-only"></span>
        <i class="glyphicon glyphicon-briefcase"></i>
      </button>
      <button type="button" class="navbar-toggle collapsed" id="btn-toggle-searchbar" data-toggle="collapse" data-target="#searchbar" aria-expanded="false" aria-controls="searchbar">
        <span class="sr-only"></span>
        <i class="fa fa-search"></i>
      </button>
      <a class="navbar-brand" href="/">
        <img src="../../images/logo.png" /> <span>Betterlife Front UI</span>
      </a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="../../">首页</a></li>
        <li><a href="../../html/blog/index.html">博客</a></li>
        <li><a href="../../html/featured/index.html">发现</a></li>
        <li><a href="../../html/us/index.html">我们</a></li>
        <li class="dropdown">
          <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            其它
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" aria-labelledby="dLabel">
            <li><a href="http://www.iqiyi.com/" target="_blank">电影</a></li>
            <li><a href="https://y.qq.com/" target="_blank">音乐</a></li>
            <li><a href="http://36kr.com/" target="_blank">研发</a></li>
            <li><a href="https://www.jd.com/" target="_blank">购物</a></li>
            <li><a href="../../html/model/preview.html">话题</a></li>
            <li><a href="https://www.pengfu.com/" target="_blank">幽默</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <span class="fa fa-user"></span>
            <span class="username">skygreen</span>
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" aria-labelledby="dLabel">
            <li><a href="../../html/home.html"><span class="glyphicon glyphicon-edit"></span>后台管理</a></li>
            <li><a href="#reset"><span class="glyphicon glyphicon-edit"></span>修改密码</a></li>
            <li><a href="../../login.html"><span class="glyphicon glyphicon-off"></span>退出</a></li>
          </ul>
        </li>
        <li id="searchbar-li" class="search-toggle collapsed" data-toggle="collapse" data-target="#searchbar" aria-expanded="false" aria-controls="searchbar">
          <a>
            <span><span class="menu-search-text">搜索</span><span class="fa fa-search" aria-hidden="true"></span></span>
          </a>
        </li>
        <li><a id="btn-layout-small"><i class="glyphicon glyphicon-resize-small"></i></a></li>
      </ul>
    </div>
  </div>
  <div id="searchbar" class="collapse">
    <div id="searchbar-inner">
      <form method="get" action="" class="searchbar-form">
        <input id="t-search" type="search" class="form-control" name="search" autocomplete="off" autofocus="autofocus" placeholder="搜你所想">
        <i id="searchbar-close" class="fa fa-remove search-toggle"></i>
      </form>
    </div>
  </div>
</nav>

    <!-- /main nav end -->

    <!-- page container begin -->
    <div class="page-container">
        <!-- page content begin -->
        <div class="page-content">
            <!-- main sidebar begin -->
            
            <div id="sidebar" class="sidebar page-sidebar">
              <div class="sidebar-content">
                <ul class="navigation-header">
                  <li ><a href="#"><i class="fa fa-th-list" title="功能导航"></i></a></li>
                </ul>
                <ul class="sidebar-nav">
                  <!-- main -->
                  <li><a href="../../html/home.html"><i class="fa fa-dashboard"></i> <span>控制台</span></a></li>
                  <li><a href="../../html/admin/list.html"><i class="fa fa-book"></i> <span>博客</span></a></li>
                  <li data-role="dropdown">
                    <a class="has-ul" href="#collapse-it" aria-expanded="false" aria-controls="collapse-it"><i class="fa fa-eercast"></i> <span>科技类</span><i class="glyphicon glyphicon-menu-right menu-right"></i></a>
                    <ul class="sub-menu" id="collapse-it">
                      <li><a href="https://wx.qq.com/" target="_blank">微信</a></li>
                      <li><a href="https://www.baidu.com/" target="_blank">百度</a></li>
                      <li><a href="https://www.aliyun.com/" target="_blank">阿里巴巴</a></li>
                      <li><a href="http://www.huawei.com/cn/" target="_blank">华为</a></li>
                      <li><a href="http://www.vivo.com.cn/" target="_blank">vivo</a></li>
                      <li><a href="https://www.mi.com/" target="_blank">小米</a></li>
                      <li role="separator" class="nav-splitter"></li>
                      <li><a href="https://www.jd.com/" target="_blank">京东</a></li>
                      <li><a href="http://www.10086.cn/" target="_blank">移动</a></li>
                      <li><a href="http://www.12306.com/" target="_blank">交通</a></li>
                    </ul>
                  </li>
                  <li>
                    <a class="has-ul" href="#collapse-philosophy" aria-expanded="false" aria-controls="collapse-philosophy"><i class="fa fa-user" aria-hidden="true"></i> <span>哲学类</span><i class="glyphicon glyphicon-menu-right menu-right"></i></a>
                    <ul class="sub-menu" id="collapse-philosophy">
                      <li><a href="https://baike.baidu.com/item/儒家思想/742125" target="_blank">儒家</a></li>
                      <li><a href="http://www.christiantimes.cn/" target="_blank">基督</a></li>
                      <li><a href="http://www.liaotuo.org/" target="_blank">佛教</a></li>
                      <li><a href="https://baike.baidu.com/item/伊斯兰教/242135?fr=aladdin" target="_blank">伊斯兰教</a></li>
                      <li><a href="https://baike.baidu.com/item/唯物主义" target="_blank">唯物主义</a></li>
                    </ul>
                  </li>
                  <li data-role="dropdown">
                    <a class="has-ul" href="#collapse-art" aria-expanded="false" aria-controls="collapse-art"><i class="fa fa-music"></i> <span>艺术类</span><i class="glyphicon glyphicon-menu-right menu-right"></i></a>
                    <ul class="sub-menu" id="collapse-art">
                      <li><a href="../../html/life/list.html"><span>生活</span></a></li>
                      <li><a href="https://y.qq.com/" target="_blank">音乐</a></li>
                      <li><a href="http://www.iqiyi.com/" target="_blank">电影</a></li>
                      <li><a href="https://www.douban.com/" target="_blank">文学</a></li>
                      <li><a href="https://zh.wikipedia.org/wiki/舞蹈" target="_blank">舞蹈</a></li>
                      <li><a href="http://image.baidu.com/" target="_blank">绘画</a></li>
                      <li><a href="https://www.62icon.com/blog/detail/世界上15個最令人印象深刻的雕塑藝術│sculpture.200" target="_blank">雕塑</a></li>
                    </ul>
                  </li>
                  <li>
                      <a href="http://www.cankaoxiaoxi.com/" target="_blank"><i class="fa fa-arrow-circle-o-right"></i> <span>军事类</span></a>
                  </li>
                  <li>
                      <a href="http://www.toutiao.com/" target="_blank"><i class="fa fa-film"></i> <span>综合类</span></a>
                  </li>
                  <li>
                      <a href="http://www.w3school.com.cn/index.html" target="_blank"><i class="fa fa-opera"></i> <span>其它</span></a>
                  </li>
                </ul>
              </div>
            </div>

            <!-- /main sidebar end -->

            <!-- main content begin -->
            <div class="content-wrapper">
              <div class="main-content">
                <!-- page header begin -->
                <div class="row">
                  <div class="breadcrumb-line">
                    <ul class="breadcrumb">
                      <li><a href="/"><i class="icon-home2 position-left"></i> 首页</a></li>
                      <li class="active">生活</li>
                    </ul>
                  </div>
                </div>
                <!-- /page header end -->

                <!-- content area begin -->
                <div class="container-fluid home">
                  <div class="row col-xs-12">
                    <section class="section container-fluid">
                      <h1 class="page-header">生活方式</h1>
                      <h2>👌 生命没有终极意义。不要轻易去否定。</h2>
                      <h3><a href="https://www.voachinese.com/" target="_blank">进一步了解 > </a></h3>
                    </section>
                  </div>
                </div>
                <!-- /content area end -->
              </div>
            </div>
            <!-- /main content end -->

            <div class="clearfix"></div>
        </div>
        <!-- /page content end -->
    </div>
    <!-- /page container end -->

    <!-- footer begin -->
    
    <footer class="text-muted">
        <div id="footer-inner" class="container clr">
            <div id="copyright" class="clr" role="contentinfo">
                © 2017-2020 Betterlife - All Rights Reserved.&nbsp;
                <div id="link" class="clr" role="linkinfo"><a title="License" href="https://github.com/skygreen2001/betterlife.front/blob/master/LICENSE" target="_blank">License</a>&nbsp;| <a title="Help" href="https://github.com/skygreen2001/betterlife.front" target="_blank">Help</a></div>
            </div>
        </div>
    </footer>

    <div class="return-top">
        <span class="icon-stack fa-3x">
          <i class="fa fa-circle fa-stack-2x"></i>
          <i class="fa fa-minus fa-inverse fa-stack-1x up"></i>
          <i class="fa fa-arrow-up fa-inverse fa-stack-1x down"></i>
        </span>
    </div>

    <script type="text/javascript" src="../../js/common/bower/bower.min.js"></script>
    <script type="text/javascript" src="../../js/normal/common.js"></script>
    <script type="text/javascript" src="../../js/normal/layout.js"></script>

    <!-- /footer end -->
    <script type="text/javascript">
      $(function(){
        var offset = $(window).height() - $(".navbar-container").height() - $(".breadcrumb-line").height() -$("footer").height();
        $(".home .container-fluid").css("height", offset);
      });
    </script>
</body>
</html>
